<template>
	<view>
		<view>
			<u-navbar   :height="60"
			title="设置备注" :title-size="34" title-color="#000000"
			:background="{ background: '#ffffff'  }" 
			:border-bottom="true">
				<view slot="right" class="u-p-r-30">
					<u-button @click="setFriendNameReamrk" type="success" :disabled="userNameRemark.length<1"  size="mini">完成</u-button>
				</view>
			</u-navbar>
		</view>
		
		 
		<view class="u-m-t-50 u-p-l-40 u-p-r-40">
			<view class="u-tips-color u-font-32">
				<text>设置备注</text>
			</view>
			<view  class="inputBox">
				<u-input :placeholder="friendInfoObj.friendName"  :custom-style="customInputStyle" 
						placeholder-style="font-size:32rpx"  
						v-model="userNameRemark" type="textarea" :border="false" 
						:clearable="vuex_OSPlat=='android'?false:true"/>
			</view>
		</view>
		 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customInputStyle:{
					fontSize:'32rpx',
					color:'#000000'	
				},
				titleStyle: {
					marginLeft: '10rpx',
					color: '#000000',
					fontSize: "34rpx",
				},
				confirmDisable:true,
				friendInfoObj:{},
				userNameRemark:''
			};
		},
		onLoad:function(option){
			let  friendInfo= option.friendInfo;
			if(friendInfo!=null&&friendInfo.length>0){
				let objStr= decodeURIComponent(friendInfo);
				let  friendInfoObj= JSON.parse(objStr);
				console.log("好友备注----信息",friendInfoObj);
				this.friendInfoObj=friendInfoObj;
			};
		},
		methods:{
			setFriendNameReamrk(){
				
			} 
		}
	}
</script>

<style lang="scss" scoped>
	.inputBox{
		background-color: #F2F2F7;
		border-radius: 16rpx;
		margin-top: 20rpx;
		padding:16rpx 26rpx;
		font-size: 32rpx;
	}
</style>
<style>
	page{
		background-color: #ffffff;
	}
</style>
